@import "../../../style/functions";
@import "../../../style/variables";

adp-action-sheet {
    ion-backdrop {
        opacity: .01;
        transition: all .4s cubic-bezier(.36, .66, .04, 1);
    }
    .present-backdrop {
        opacity: .4;
    }
    .action-sheet-wrapper {
        transition: all .4s cubic-bezier(.36, .66, .04, 1);
        overflow: hidden;
    }
    .present-action-wrapper {
        transform: translate3d(0, 0, 0);
    }
    .action-sheet-container {
        overflow: hidden;
        position: absolute;
        padding: 0 transVw(25) !important;
        bottom: 0;
        width: 100%;
        max-height: transVw(140*7+55);
        //.action-sheet-title-wrapper {
        //    position: absolute;
        //    top: 0;
        //    left: 0;
        //    padding: 0 transVw(25);
        //}
        .action-sheet-title {
            height: transVw(140);
            line-height: transVw(140);
            font-size: transVw(45);
            padding: 0;
            background: linear-gradient(to right, $startColor, $endColor);
            color: #fff;
            width: trowExtra(25, 2);
            //border-top-right-radius: transVw(10);
            //border-top-left-radius: transVw(10);
        }
        //.action-sheet-scroll-content {
        //    //position: relative;
        //    //z-index: 1;
        //    margin-top: transVw(140);
        //    margin-bottom: transVw(30);
        //    background-color: #fff;
        //    border-bottom-right-radius: transVw(10);
        //    border-bottom-left-radius: transVw(10);
        //    overflow: scroll;
        //    -webkit-overflow-scrolling: touch;
        //}
        .action-sheet-group {
            position: relative;
            .action-sheet-title{
                position: fixed;
                border-top-right-radius: transVw(10);
                border-top-left-radius: transVw(10);
            }
            button:nth-child(2){
                margin-top: 13vw;
            }
            .action-sheet-button {
                color: $defaultColor;
                border-color:#dcdcdc;
                font-size: transVw(45);
                min-height: 0;
                padding: transVw(95/2) 0;
                span {
                 //   display: inline-block;
                    //line-height: 1;
                    word-break: normal;
                    height:5vw;
                }
            }
            .action-sheet-selected {
                color: $forgiveColor;
            }
            &:last-child {
                margin-bottom: transVw(25);
            }
            &:first-child {
                margin-top: 0;
            }
        }
    }

}
